<template>
	<view>
		<view class="bg-red2">
			<q-titlebar :opcity="opcity" height="90">
				<view class="text-white flex a-center">
					<view class="w100 cuIcon-back text-white fs30 ml30 tl"></view>
					<view class="flex-item fs36">
						我的
					</view>
					<view class="w100 cuIcon-global text-white fs36 mr30 tr"></view>
				</view>
				<view slot="reshow" class="flex a-center">
					<view class="w100 cuIcon-back fs30 ml30 tl"></view>
					<view class="flex-item fs36">
						我的
					</view>
					<view class="w100 cuIcon-global fs36 mr30 tr"></view>
				</view>
			</q-titlebar>

			<view class="qui-cells">
				<view class="flex plr30 ptb30 a-center">
					<view class="mr30" @click="goto('/pages/test-nvue/test-nvue')"><q-image borderRadius="80" :isRatio="false" :imgwh="150" src="/static/images/default-tx.png"></q-image></view>
					<view class="cell-bd text-white">
						<view class="fs36">小情调天使</view>
						<view class="text-fff50 mt20">id:12312-1231-2332</view>
					</view>
				</view>
			</view>
		</view>
		
        <qui-radio-group @change="changeRadio" itemValue="val" :label="label" :selected.sync='label.selected'></qui-radio-group>
		<view class="qui-grids column3 gutter10 plr10">
			<view class="qui-grid" v-for="(item, index) in 3" :key="index">
				<q-image :isRatio="false" :imgwh="[100, 100]" src="/static/images/default-tx.png"></q-image>
				<view class="fs24 mt20">标题{{ index }}</view>
			</view>
		</view>
		<empty mode="favor" text="暂无收藏"></empty>
		<qui-sticky>
			<view class="flex a-center flex-scroll bg-white ptb20">
				<view class=" w200 mr20 tc" v-for="(item, index) in 6" :key="index">
					<!-- <q-image :isRatio="true" :imgwh="[100,100]" src="/static/images/default-tx.png"></q-image> -->
					标题{{ index }}
				</view>
			</view>
		</qui-sticky>

		<view class="plr30 ptb30">
			<image-picker></image-picker>
		</view>
		
		<public-module></public-module>
	</view>
</template>

<script>
import quiSticky from '@/components/sticky.vue';
import publicModule from "@/components/public_module.vue";
import quiRadioGroup from "@/components/radio-group.vue"
import imagePicker from '@/components/image-picker.vue'
export default {
	components: { quiSticky, publicModule, quiRadioGroup,imagePicker},
	props: {
		opcity: {
			type: [Number, String],
			default: 0
		}
	},
	data() {
		return {
			label: {
				selected: 0,
				list: [
						{
							val: '100'
						},
						{
							val: '200'
						},
						{
							val: '300'
						}
					]
			},
		};
	},
	created() {
		
		this.$store.commit('setLoadingShow', true)
		this.toast('好的知道了')
		setTimeout(()=>{
			this.$store.commit('setLoadingShow', false)
		},2000)
	},
	methods: {
		changeRadio(e) {
			console.log(e)
		}
	}
};
</script>

<style>
.bg-red2 {
	background-color: var(--redColor);
}
</style>
